﻿@model QBWeb.Models.RegisterViewModel
@{
    ViewBag.Title = "注册";
    Layout = "~/Views/Shared/_LayoutToHome.cshtml";
}

<style type="text/css">
    .login-bg {
     
        overflow: hidden;
    }

    .login {
        margin: 120px auto 0 auto;
        min-height: 400px;
        max-width: 420px;
        padding: 40px;
        background: rgba(255,255,255,7);
        margin-left: auto;
        margin-right: auto;
        border-radius: 4px;
        box-sizing: border-box;
        opacity: 0.85;
    }

        .login a.logo {
            display: block;
            height: 58px;
            width: 167px;
            margin: 0 auto 30px auto;
            background-size: 167px 42px;
        }

        .login .message {
            opacity: 0.8;
            margin: 0px 0px 0 0px;
            padding: 10px 10px 10px 10px;
            text-align: center;
            position: relative;
            color: #fff;
            font-weight: bold;
            font-size: 16px;
        }

        .login #darkwrap {
            width: 18px;
            height: 10px;
            margin: 0 0 20px -50px;
            position: relative;
        }

        .login input[type=password] select {
            border: 1px solid #DCDEE0;
            vertical-align: middle;
            border-radius: 3px;
            height: 50px;
            padding: 0px 16px;
            font-size: 14px;
            color: #555555;
            outline: none;
            width: 100%;
            box-sizing: border-box;
        }

        .login input[type=text]:focus,
        .login input[type=password]:focus, select:focus {
            border: 1px solid #27A9E3;
        }

    .input1 {
        border: 1px solid #DCDEE0;
        vertical-align: middle;
        border-radius: 3px;
        height: 50px;
        padding: 0px 16px;
        font-size: 14px;
        color: #555555;
        outline: none;
        width: 100%;
        box-sizing: border-box;
    }

    .input2 {
        border: 1px solid #DCDEE0;
        vertical-align: middle;
        border-radius: 3px;
        height: 50px;
        padding: 0px 16px;
        font-size: 14px;
        color: #555555;
        box-sizing: border-box;
    }


    .login input[type=button] {
        display: inline-block;
        vertical-align: middle;
        padding: 12px 24px;
        margin: 0px;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        color: #fff;
        background-color: #189F92;
        border-radius: 3px;
        border: none;
        -webkit-appearance: none;
        outline: none;
        width: 100%;
    }

    .login input[type=submit] {
        display: inline-block;
        vertical-align: middle;
        padding: 12px 24px;
        margin-left: 30px;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        color: #fff;
        background-color: #189F92;
        border-radius: 3px;
        border: none;
        -webkit-appearance: none;
        outline: none;
    }

    .login hr {
        background: rgba(255,255,255,0);
    }

    .login .titles {
        vertical-align: middle;
    }

        .login .titles .t1 {
            display: inline-block;
            margin-left: 20px;
        }

            .login .titles .t1 img {
                margin-top: -10px;
                margin-right: -10px;
            }

        .login .titles .t2 {
            display: inline-block;
            margin-left: 15px;
            margin-top: -46px;
        }

            .login .titles .t2 span {
                font-size: 25px;
                font-weight: bold;
                color: #8ad63d;
            }

    .login hr.hr5 {
        height: 15px;
        border: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .box1 img {
        position: absolute;
        margin-top: 10px;
        margin-left: -35px;
    }

    .box1 {
        margin-left: 20px;
        padding-left: 20px;
    }

        .box1 .row1 {
            display: inline;
        }

        .box1 .row2 {
            display: inline;
            position: absolute;
            margin-top: -60px;
            margin-left: 245px;
        }

            .box1 .row2 img {
                width: 72px;
                height: 30px;
            }

    .text-danger {
        color: red;
        font-size: 12px;
    }
</style>

<div class="login-bg">
    @using (Html.BeginForm("Register", "Account", FormMethod.Post, new { @class = "form-horizontal layui-form", role = "form" }))
    {
        @Html.AntiForgeryToken()


        <div class="login">
            <div class="titles">
                <div class="t1">
                    @*<img src="" style="width:40px;height:40px;" />*@
                </div>
                <div class="t2" style="text-align: center; display: block;">
                    <span style="color: rgb(12, 152, 215);">智能题库系统</span>
                </div>
                <hr class="hr5">
            </div>
            <div class="message" style="background: rgb(12, 152, 215)">用户注册</div>
            <div id="darkwrap"></div>
            <div class="box1">
                <img src="" />
                @Html.EditorFor(model => model.UserName, new { htmlAttributes = new { @class = "input1", placeholder = "用户名" } })
                <div>
                    @Html.ValidationMessageFor(model => model.UserName, "", new { @class = "text-danger" })
                </div>
            </div>
            <hr class="hr5">
            <hr class="hr5">
            <div class="box1">
                <img src="" />
                @Html.EditorFor(model => model.Password, new { htmlAttributes = new { @class = "input1", placeholder = "请输入密码" } })
                <div>
                    @Html.ValidationMessageFor(model => model.Password, "", new { @class = "text-danger" })
                </div>
            </div>
            <hr class="hr5">
            <hr class="hr5">
            <div class="box1">
                <img src="" />
                @Html.EditorFor(model => model.ConfirmPassword, new { htmlAttributes = new { @class = "input1", placeholder = "确认密码" } })
                <div>
                    @Html.ValidationMessageFor(model => model.ConfirmPassword, "", new { @class = "text-danger" })
                    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
                </div>
            </div>
            <hr class="hr5">
            <hr class="hr5" />
            <div class="layui-form-item">
                <label class="layui-form-label">我是</label>
                <div class="layui-input-block">
                    <input type="radio" name="role" value="students" title="学生" checked>
                    <input type="radio" name="role" value="teachers" title="老师" >
                </div>
            </div>
            <input value="注册" type="submit" style="width:100%;background:rgb(12, 152, 215)" />
        </div>
    }
</div>



@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}


@*@{
        ViewBag.Title = "注册";
    }*@

@*<h2>@ViewBag.Title.</h2>

    @using (Html.BeginForm("Register", "Account", FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
    {
        @Html.AntiForgeryToken()
        <h4>创建新帐户。</h4>
        <hr />
        @Html.ValidationSummary("", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(m => m.NickName, new { @class = "col-md-2 control-label" })
            <div class="col-md-10">
                @Html.TextBoxFor(m => m.NickName, new { @class = "form-control" })
            </div>
        </div>
        <div class="form-group">
            @Html.LabelFor(m => m.Password, new { @class = "col-md-2 control-label" })
            <div class="col-md-10">
                @Html.PasswordFor(m => m.Password, new { @class = "form-control" })
            </div>
        </div>
        <div class="form-group">
            @Html.LabelFor(m => m.ConfirmPassword, new { @class = "col-md-2 control-label" })
            <div class="col-md-10">
                @Html.PasswordFor(m => m.ConfirmPassword, new { @class = "form-control" })
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" class="btn btn-default" value="注册" />
            </div>
        </div>
    }

    @section Scripts {
        @Scripts.Render("~/bundles/jqueryval")
    }*@
